<template>
  <section class="_page_ movice-list">
    <use-banners :list="dataBanner.bannerList"></use-banners>
    <div>//TODO电影列表</div>
  </section>
</template>

<script lang="ts" setup>
///////////////////////////////// banner区域 ///////////////////////////////
const dataBanner = shallowReactive({
  bannerList: [
    {
      id: "1686991402486021",
      url: import("@/assets/images/movice/banner_1.jpeg"),
      title: "movice1",
      targetUrl: "/",
    },
    {
      id: "1686991402586021",
      url: import("@/assets/images/movice/banner_2.jpeg"),
      title: "movice2",
      targetUrl: "/",
    },
    {
      id: "1686991402686021",
      url: import("@/assets/images/movice/banner_3.jpeg"),
      title: "movice3",
      targetUrl: "/",
    },
  ],
});
</script>

<style lang="scss"></style>

<script lang="ts">
useHead({ title: "电影列表" });
</script>
